<template>
	<div class="notedti">
		<p>{{this.$store.state.note.notede.xingzhi}}</p>
		<div class="biaoti">
			<span>{{this.$store.state.note.notede.name}}</span>
			<span>{{this.$store.state.note.notede.data}}</span>
			<span>阅读：{{this.$store.state.note.notede.num}}</span>
			<span @click="updata()">编辑</span>
			<span>删除</span>
			
		</div>
		<div class="neirong" v-text="this.$store.state.note.notede.content"></div>
	</div>
</template>

<script>
	export default{
		methods:{
			updata(){
				this.$router.push("/updatenote")
			}
		}
	}
</script>

<style lang="scss" scoped="scoped">
	.notedti{
		// padding-top: 0.56rem;
		width: 100%;
		padding: 0.76rem 0.1rem;
		box-sizing: border-box;
		
		p{
			width: 0.29rem;
			height: 0.15rem;
			background-color: #bfbfbf;
			color:#FFFFFF ;
			font-size: 0.11rem;
			line-height: 0.15rem;
		}
		.biaoti{
			height: 0.5rem;
			line-height: 0.5rem;
			span{
				margin-right: 0.18rem;
			}
			span:nth-of-type(2){
				color: #a5a5a5;
			}
			span:nth-of-type(1),span:nth-of-type(3),span:nth-of-type(4),span:nth-of-type(5){
				color: #28a4e5;
			}
		}
		.neirong{
			width: 3.3rem;
			box-sizing: border-box;
			font-size: 0.17rem;
		}
	}
</style>
